 * { 
  margin: 0; 
  padding: 0; 
  box-sizing: 
  border-box; 
}
body { 
  font: 13px Helvetica, Arial; 
}
#container {
  width: 100%;
}
.form {
    padding: 6px; 
    position: absolute;
    bottom: 0px; 
    width: 99%; 
    border-radius: 5px;
}
.form textarea { 
  border: 0; 
  padding: 10px; 
  width: 70%; 
  height: 200px;
  border-radius: 5px;
  font-size: 22px;
}
.form button { 
  width: 9%; 
  background:limegreen ; 
  position: absolute;
  left:60%;
  bottom: 20px;
  border: none; 
  padding: 10px;
  height:100px;
  z-index: 100; 
  border-radius: 5px;
}
#wrapper1 {
  position:absolute; 
  position:relative; 
  float: left; 
  width: 70%;
  height: 100%;
  border:1px gray solid;
  background: #f1f1f1;
  overflow-y:auto;
  overflow-x:hidden;
  border-radius: 5px;
  padding-bottom: 250px;
}
#messages {
  list-style-type: none; 
  padding: 0; 
}
#messages li { 
  padding: 10px 10px; 
  letter-spacing: 1px;
  font-weight: 600;
  background: white;
  margin:10px;
  font-size: 22px;
}
#wrapper2 {
  position:absolute; 
  float: right;  
  margin-right: 80%; 
  width:100%; 
  height: 100%; 
  background: #fbeec7;
}
#room {
  list-style-type: none;
}
#roomName {
  color: black;
  font-style:italic;
}
.chat_page{
    position:absolute;
    left: 0;
    width: 100%;
    height: 95%; 
}
.right_content{
    position:absolute;  
    width: 29%;
    height: 100%;
    right:0;
    border:1px gray solid;
    background: #f1f1f1;
    overflow-y:auto;
    overflow-x:hidden;
    border-radius: 5px;
}
#container p{
	height:70px;
	text-indent:20px;
  line-height: 70px;
	font-size:22px;
	border:none;
	display: block;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
}
#room{
   width: 100%;
   padding: 10px;
}
#room li{
   margin-top:5px; 
   width: 100%;
   border: 1px solid gray;
   padding: 25px;
   border-radius: 5px;
}
#room li:hover{
   background: #a08f8f;
   cursor: pointer
}